<template>
	<view>
		<view class="wrap-headline flex align-center">
			<image class="img" src="/static/technician/home/title_left.png" />
			<view class="title fb-32">{{ title }}</view>
			<image class="img" src="/static/technician/home/title_right.png" />
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			/**
			 * 标题
			 */
			title: {
				type: String,
				default: "",
			},
		},
	};
</script>

<style lang="scss" scoped>
	.wrap-headline {
		width: 100%;
		background-color: $bg-color;
		overflow: hidden;
		padding: 20rpx;
		box-sizing: border-box;

		.img {
			width: 32rpx;
			height: 27rpx;
		}

		.title {
			margin-left: 18rpx;
			margin-right: 18rpx;
			color: $title-color;
		}
	}
</style>
